popup.appsToDomTemplate - Code Metrics - Inspection of "Merge branch 'master' of github.com:AliasIO/Wappal..." - AliasIO/wappalyzer - Measure and Improve Code Quality continuously with Scrutinizer

Completed

Push — master ( ce9ba9...2f685a )

by Elbert

created 2017-06-11 05:29 UTC

popup.appsToDomTemplate B

↳ Parent: src/drivers/webextension/js/popup.js

Complexity

Conditions	6
Paths	2

Size

Total Lines

Duplication

Lines	0
Ratio	0 %

Importance

Changes

Metric	Value
cc	6
c	0
b	0
f	0
nc	2
nop	1
dl	0
loc	71
rs	8.5309

How to fix Long Method

/** global: chrome */
/** global: browser */

(function() {
	var popup = {
		init: function() {
			popup.update([ 'p', {}, ' ' ], document, {});

			var callback = function(tabs) {
				( chrome || browser ).runtime.sendMessage({ id: 'get_apps', tab: tabs[0], source: 'popup.js' }, function(response) {
					popup.update(popup.appsToDomTemplate(response));
				});
			};

			try {
				// Chrome, Firefox
				browser.tabs.query({ active: true, currentWindow: true }).then(callback);
			} catch ( e ) {
				// Edge
				browser.tabs.query({ active: true, currentWindow: true }, callback);
			}
		},

		update: function(dom) {
			if ( /complete|interacrive|loaded/.test(document.readyState) ) {
				popup.replaceDom(dom);
			} else {
				document.addEventListener('DOMContentLoaded', function() {
					popup.replaceDom(dom);
				});
			}
		},

		replaceDom: function(domTemplate) {
			var body = document.body;

			while ( body.firstChild ) {
				body.removeChild(body.firstChild);
			}

			body.append(jsonToDOM(domTemplate, document, {}));
		},

		appsToDomTemplate: function(response) {
			var
				appName, confidence, version,
				categories = [],

				template = [];

			if ( response.tabCache && response.tabCache.count > 0 ) {
				for ( appName in response.tabCache.appsDetected ) {
					confidence = response.tabCache.appsDetected[appName].confidenceTotal;
					version    = response.tabCache.appsDetected[appName].version;
					categories = [];

					response.apps[appName].cats.forEach(function(cat) {
						categories.push(
							[
								'a', {
									target: '_blank',
									href: 'https://wappalyzer.com/categories/' + popup.slugify(response.categories[cat].name)
								}, [
									'span', {
										class: 'category'
									}, [
										'span', {
											class: 'name'
										},
										browser.i18n.getMessage('categoryName' + cat)
									]
								]
							]
						);
					});

					template.push(
						[
							'div', {
								class: 'detected-app'
							}, [
								'a', {
									target: '_blank',
									href: 'https://wappalyzer.com/applications/' + popup.slugify(appName)
								}, [
									'img', {
										src: 'images/icons/' + ( response.apps[appName].icon || 'default.svg' )
									}
								], [
									'span', {
										class: 'label'
									}, [
										'span', {
											class: 'name'
										},
									 	appName
									],
									( version ? ' ' + version : '' ) + ( confidence < 100 ? ' (' + confidence + '% sure)' : '' )
								]
							],
							categories
						]
					);
				}
			} else {
				template = [
					'div', {
						class: 'empty'
					},
					browser.i18n.getMessage('noAppsDetected')
				];
			}

			return template;
		},

		slugify: function(string) {
			return string.toLowerCase().replace(/[^a-z0-9-]/g, '-').replace(/--+/g, '-').replace(/(?:^-|-$)/, '');
		}
	};

	popup.init();
}());


1			/** global: chrome */
2			/** global: browser */
3
4			(function() {
5			var popup = {
6			init: function() {
7			popup.update([ 'p', {}, ' ' ], document, {});
8
9			var callback = function(tabs) {
10			( chrome \|\| browser ).runtime.sendMessage({ id: 'get_apps', tab: tabs[0], source: 'popup.js' }, function(response) {
11			popup.update(popup.appsToDomTemplate(response));
12			});
13			};
14
15			try {
16			// Chrome, Firefox
17			browser.tabs.query({ active: true, currentWindow: true }).then(callback);
18			} catch ( e ) {
19			// Edge
20			browser.tabs.query({ active: true, currentWindow: true }, callback);
21			}
22			},
23
24			update: function(dom) {
25			if ( /complete\|interacrive\|loaded/.test(document.readyState) ) {
26			popup.replaceDom(dom);
27			} else {
28			document.addEventListener('DOMContentLoaded', function() {
29			popup.replaceDom(dom);
30			});
31			}
32			},
33
34			replaceDom: function(domTemplate) {
35			var body = document.body;
36
37			while ( body.firstChild ) {
38			body.removeChild(body.firstChild);
39			}
40
41			body.append(jsonToDOM(domTemplate, document, {}));
42			},
43
44			appsToDomTemplate: function(response) {
45			var
46			appName, confidence, version,
47			categories = [],
			0 ignored issues – show Unused Code introduced 2017-06-11 05:30 UTC by Report Bug Copy Issue Report The assignment to variable `categories` seems to be never used. Consider removing it. Loading history...
48			template = [];
49
50			if ( response.tabCache && response.tabCache.count > 0 ) {
51			for ( appName in response.tabCache.appsDetected ) {
52			confidence = response.tabCache.appsDetected[appName].confidenceTotal;
53			version = response.tabCache.appsDetected[appName].version;
54			categories = [];
55
56			response.apps[appName].cats.forEach(function(cat) {
57			categories.push(
58			[
59			'a', {
60			target: '_blank',
61			href: 'https://wappalyzer.com/categories/' + popup.slugify(response.categories[cat].name)
62			}, [
63			'span', {
64			class: 'category'
65			}, [
66			'span', {
67			class: 'name'
68			},
69			browser.i18n.getMessage('categoryName' + cat)
70			]
71			]
72			]
73			);
74			});
75
76			template.push(
77			[
78			'div', {
79			class: 'detected-app'
80			}, [
81			'a', {
82			target: '_blank',
83			href: 'https://wappalyzer.com/applications/' + popup.slugify(appName)
84			}, [
85			'img', {
86			src: 'images/icons/' + ( response.apps[appName].icon \|\| 'default.svg' )
87			}
88			], [
89			'span', {
90			class: 'label'
91			}, [
92			'span', {
93			class: 'name'
94			},
95			appName
96			],
97			( version ? ' ' + version : '' ) + ( confidence < 100 ? ' (' + confidence + '% sure)' : '' )
98			]
99			],
100			categories
101			]
102			);
103			}
104			} else {
105			template = [
106			'div', {
107			class: 'empty'
108			},
109			browser.i18n.getMessage('noAppsDetected')
110			];
111			}
112
113			return template;
114			},
115
116			slugify: function(string) {
117			return string.toLowerCase().replace(/[^a-z0-9-]/g, '-').replace(/--+/g, '-').replace(/(?:^-\|-$)/, '');
118			}
119			};
120
121			popup.init();
122			}());
123

AliasIO / wappalyzer

Push — master ( ce9ba9...2f685a )

popup.appsToDomTemplate B

Complexity

Size

Duplication

Importance

How to fix Long Method

Long Method

Duplication Side-by-Side

Filter issues like